.el-button-group>.el-button.is-active,
.el-button-group>.el-button.is-disabled,
.el-button-group>.el-button:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:hover {
    z-index: 1
}

.el-button {
    display            : inline-block;
    line-height        : 1;
    white-space        : nowrap;
    cursor             : pointer;
    background         : #FFF;
    border             : 1px solid #DCDFE6;
    color              : #606266;
    -webkit-appearance : none;
    text-align         : center;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    outline            : 0;
    margin             : 0;
    -webkit-transition : .1s;
    transition         : .1s;
    font-weight        : 500;
    -moz-user-select   : none;
    -webkit-user-select: none;
    -ms-user-select    : none;
    padding            : 12px 20px;
    font-size          : 14px;
    border-radius      : 4px
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button:focus,
.el-button:hover {
    color           : #83D838;
    border-color    : rgb(218, 243, 195);
    background-color: rgb(243, 251, 235)
}

.el-button:active {
    color       : rgb(118, 194, 50);
    border-color: rgb(118, 194, 50);
    outline     : 0
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background  : #FFF;
    border-color: #83D838;
    color       : #83D838
}

.el-button.is-active,
.el-button.is-plain:active {
    color       : rgb(118, 194, 50);
    border-color: rgb(118, 194, 50)
}

.el-button.is-plain:active {
    background: #FFF;
    outline   : 0
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color           : #C0C4CC;
    cursor          : not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color    : #EBEEF5
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #FFF;
    border-color    : #EBEEF5;
    color           : #C0C4CC
}

.el-button.is-loading {
    position      : relative;
    pointer-events: none
}

.el-button.is-loading:before {
    pointer-events  : none;
    content         : '';
    position        : absolute;
    left            : -1px;
    top             : -1px;
    right           : -1px;
    bottom          : -1px;
    border-radius   : inherit;
    background-color: rgba(255, 255, 255, .35)
}

.el-button.is-round {
    border-radius: 20px;
    padding      : 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding      : 12px
}

.el-button--primary {
    color           : #FFF;
    background-color: #83D838;
    border-color    : #83D838
}

.el-button--primary:focus,
.el-button--primary:hover {
    background  : rgb(156, 224, 96);
    border-color: rgb(156, 224, 96);
    color       : #FFF
}

.el-button--primary.is-active,
.el-button--primary:active {
    background  : rgb(118, 194, 50);
    border-color: rgb(118, 194, 50);
    color       : #FFF
}

.el-button--primary:active {
    outline: 0
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color           : #FFF;
    background-color: rgb(193, 236, 156);
    border-color    : rgb(193, 236, 156)
}

.el-button--primary.is-plain {
    color       : #83D838;
    background  : rgb(243, 251, 235);
    border-color: rgb(205, 239, 175)
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background  : #83D838;
    border-color: #83D838;
    color       : #FFF
}

.el-button--primary.is-plain:active {
    background  : rgb(118, 194, 50);
    border-color: rgb(118, 194, 50);
    color       : #FFF;
    outline     : 0
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color           : rgb(181, 232, 136);
    background-color: rgb(243, 251, 235);
    border-color    : rgb(230, 247, 215)
}

.el-button--success {
    color           : #FFF;
    /* background-color: #67C23A;
    border-color    : #67C23A */
    background  : red;
    border-color: red;


}

.el-button--success:focus,
.el-button--success:hover {
    background  : red;
    /* background  : #85ce61; */
    border-color: red;
    /* border-color: #85ce61; */
    color       : #FFF
}

.el-button--success.is-active,
.el-button--success:active {
    /* background  : #5daf34; */
    background  : red;
    border-color: red;
    /* border-color: #5daf34; */
    color       : #FFF
}

.el-button--success:active {
    outline: 0
}

/* -------------------------------------- */

/* .el-button--success {
    color           : #FFF;
    background-color: #67C23A;
    border-color    : #67C23A
}

.el-button--success:focus,
.el-button--success:hover {
    background  : #85ce61;
    border-color: #85ce61;
    color       : #FFF
}

.el-button--success.is-active,
.el-button--success:active {
    background  : #5daf34;
    border-color: #5daf34;
    color       : #FFF
}

.el-button--success:active {
    outline: 0
} */

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color           : #FFF;
    background-color: #b3e19d;
    border-color    : #b3e19d
}

.el-button--success.is-plain {
    color       : #67C23A;
    background  : #f0f9eb;
    border-color: #c2e7b0
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background  : #67C23A;
    border-color: #67C23A;
    color       : #FFF
}

.el-button--success.is-plain:active {
    background  : #5daf34;
    border-color: #5daf34;
    color       : #FFF;
    outline     : 0
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color           : #a4da89;
    background-color: #f0f9eb;
    border-color    : #e1f3d8
}

.el-button--warning {
    color           : #FFF;
    background-color: #E6A23C;
    border-color    : #E6A23C
}

.el-button--warning:focus,
.el-button--warning:hover {
    background  : #ebb563;
    border-color: #ebb563;
    color       : #FFF
}

.el-button--warning.is-active,
.el-button--warning:active {
    background  : #cf9236;
    border-color: #cf9236;
    color       : #FFF
}

.el-button--warning:active {
    outline: 0
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color           : #FFF;
    background-color: #f3d19e;
    border-color    : #f3d19e
}

.el-button--warning.is-plain {
    color       : #E6A23C;
    background  : #fdf6ec;
    border-color: #f5dab1
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background  : #E6A23C;
    border-color: #E6A23C;
    color       : #FFF
}

.el-button--warning.is-plain:active {
    background  : #cf9236;
    border-color: #cf9236;
    color       : #FFF;
    outline     : 0
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color           : #f0c78a;
    background-color: #fdf6ec;
    border-color    : #faecd8
}

.el-button--danger {
    color           : #FFF;
    background-color: #F56C6C;
    border-color    : #F56C6C
}

.el-button--danger:focus,
.el-button--danger:hover {
    background  : #f78989;
    border-color: #f78989;
    color       : #FFF
}

.el-button--danger.is-active,
.el-button--danger:active {
    background  : #dd6161;
    border-color: #dd6161;
    color       : #FFF
}

.el-button--danger:active {
    outline: 0
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color           : #FFF;
    background-color: #fab6b6;
    border-color    : #fab6b6
}

.el-button--danger.is-plain {
    color       : #F56C6C;
    background  : #fef0f0;
    border-color: #fbc4c4
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background  : #F56C6C;
    border-color: #F56C6C;
    color       : #FFF
}

.el-button--danger.is-plain:active {
    background  : #dd6161;
    border-color: #dd6161;
    color       : #FFF;
    outline     : 0
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color           : #f9a7a7;
    background-color: #fef0f0;
    border-color    : #fde2e2
}

.el-button--info {
    color           : #FFF;
    background-color: #909399;
    border-color    : #909399
}

.el-button--info:focus,
.el-button--info:hover {
    background  : #a6a9ad;
    border-color: #a6a9ad;
    color       : #FFF
}

.el-button--info.is-active,
.el-button--info:active {
    background  : #82848a;
    border-color: #82848a;
    color       : #FFF
}

.el-button--info:active {
    outline: 0
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color           : #FFF;
    background-color: #c8c9cc;
    border-color    : #c8c9cc
}

.el-button--info.is-plain {
    color       : #909399;
    background  : #f4f4f5;
    border-color: #d3d4d6
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background  : #909399;
    border-color: #909399;
    color       : #FFF
}

.el-button--info.is-plain:active {
    background  : #82848a;
    border-color: #82848a;
    color       : #FFF;
    outline     : 0
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color           : #bcbec2;
    background-color: #f4f4f5;
    border-color    : #e9e9eb
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button--medium {
    padding      : 10px 20px;
    font-size    : 14px;
    border-radius: 4px
}

.el-button--mini,
.el-button--small {
    font-size    : 12px;
    border-radius: 3px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    color        : #83D838;
    background   : 0 0;
    padding-left : 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    color           : rgb(156, 224, 96);
    border-color    : transparent;
    background-color: transparent
}

.el-button--text:active {
    color           : rgb(118, 194, 50);
    background-color: transparent
}

.el-button-group {
    display       : inline-block;
    vertical-align: middle
}

.el-button-group::after,
.el-button-group::before {
    display: table;
    content: ""
}

.el-button-group::after {
    clear: both
}

.el-button-group>.el-button {
    float   : left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button:first-child {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-radius: 4px
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-dropdown>.el-button {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0;
    border-left-color        : rgba(255, 255, 255, .5)
}

.el-button-group .el-button--primary:first-child {
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color : rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color : rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color : rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color : rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: rgba(255, 255, 255, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color : rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}